<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WEUI-列表页</title>
</head>
<body>
    <div class="page">
        <div class="page__hd">
            <h1 class="page__title">List</h1>
            <p class="page__desc">列表页</p>
        </div>
        <div class="page__bd">
            <!-- 全新的功能 复用BEM 概念 -->
            <div class="weui-cells_title">带说明的列表项</div>
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>标题名字</p>
                    </div>
                    <div class="weui-cell__ft">
                        说明文字
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>